<template>
  <div class="xComponents">
    <xyComponent
      @change="changeColorFontFun"
      :dataInfo="dataInfo"
      :cShowDisabled="cShowDisabled"
      :cDisabled="cDisabled"
      attrsKey="xAxis"
    ></xyComponent>
  </div>
</template>

<script>
import componentsMixins from "../mixins/component";
import { xData } from "../commonData/xData";
import xyComponent from "../xyComponent";
import { clearValues } from "../../../utils/utils";
export default {
  name: "xComponents",
  mixins: [componentsMixins],
  components: {
    xyComponent
  },
  data () {
    return {
      dataInfo: clearValues(xData),
      // nameLocationOptions
    };
  },
  methods: {
    changeColorFontFun (attrs, props, value) {
      this.changeFun(attrs, props, value);
    },
  }
};
</script>

<style lang="scss" scoped>
.wrapper {
  margin-bottom: 5px;
}
</style>